<template>
  <div
    :class="[comment_count_border, css_cursor_pointer, css_color_hot]"
    :title="
      cur_comment_count_props.type_key + ' : ' + cur_comment_count_props.count
    "
  >
    <span :class="comment_count_type">{{
      cur_comment_count_props.type_key
    }}</span>
    <span :class="comment_count_count">{{
      cur_comment_count_props.count
    }}</span>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './comment_count.css';

import {
  comment_count_border,
  comment_count_count,
  comment_count_type,
} from './DataDefine/sourceData';
import {
  css_color_hot,
  css_cursor_pointer,
} from '../../../../../../../global_comps/Css';

let cur_comment_count_props = defineProps({
  /**
   * 计数 名称
   */
  type_key: {
    type: String,
    required: true,
  },

  /**
   * 计数
   */
  count: {
    type: Number,
    required: true,
  },
});

onMounted(() => {});
</script>
